<template>
  <view class="box">
    <view class="changeTime">
      {{showTime}}
    </view>
  </view>
</template>

<script>
  export default {
    name:"changeTime",
    data() {
      return {
        showTime: '',
      };
    },
    props: {
      timer: {
        type: String,
        default: ''
      }
    },
    mounted() {
      this.showTime = this.changeTime(this.timer)
    },
    methods: {
      // 处理是否显示时间
      changeTime(timer) {
        // 将过去的时间进行分隔
        var first_time = timer.split(' ')
        const date = new Date()// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
        var year = date.getFullYear()
        var month = ('0' + (date.getMonth() + 1)).slice(-2)
        var sdate = ('0' + date.getDate()).slice(-2)
        var hour = ('0' + date.getHours()).slice(-2)
        var minute = ('0' + date.getMinutes()).slice(-2)
        var second = ('0' + date.getSeconds()).slice(-2)
        var result = year + '-' + month + '-' + sdate + ' ' + hour + ':' + minute + ':' + second
        // 将现在的时间进行分隔
        var second_time = result.split(' ')
        // 如果是同一天
        if(first_time[0] == second_time[0]) {
          var time_array = first_time[1].split(':')
          if(time_array[0] < 10) {
            time_array[0] = time_array[0].substr(-1)
          }
          if(time_array[0] < 6) {
              return('凌晨' + time_array[0] + ':' + time_array[1])
            } else if(time_array[0] < 11) {
              return('上午' + time_array[0] + ':' + time_array[1])
            }  else if(time_array[0] < 13) {
              return('中午' + time_array[0] + ':' + time_array[1])
            } else if(time_array[0] < 18) {
              return('下午' + (time_array[0]-12) + ':' + time_array[1])
            } else {
              return('晚上' + (time_array[0]-12) + ':' + time_array[1])
            }
        } else {
          // 不是同一天
          var one_array = first_time[0].split('-')
          var two_array = second_time[0].split('-')
          var first_year = one_array[0]
          var second_year = two_array[0]
          // 如果是同一年
          if(first_year == second_year) {
            if(one_array[1] < 10) {
              one_array[1] = one_array[1].substr(-1)
            }
            if(one_array[2] <10) {
              one_array[2] = one_array[2].substr(-1)
            }
            var time_array = first_time[1].split(':')
            if(time_array[0] < 10) {
              time_array[0] = time_array[0].substr(-1)
            }
            if(time_array[0] < 6) {
                return(one_array[1] + '月' + one_array[2] + '日 凌晨' + time_array[0] + ':' + time_array[1])
              } else if(time_array[0] < 11) {
                return(one_array[1] + '月' + one_array[2] + '日 上午' + time_array[0] + ':' + time_array[1])
              }  else if(time_array[0] < 13) {
                return(one_array[1] + '月' + one_array[2] + '日 中午' + time_array[0] + ':' + time_array[1])
              } else if(time_array[0] < 18) {
                return(one_array[1] + '月' + one_array[2] + '日 下午' + (time_array[0]-12) + ':' + time_array[1])
              }else {
                return(one_array[1] + '月' + one_array[2] + '日 晚上' + (time_array[0]-12) + ':' + time_array[1])
              }
          } else {
            // 不是同一年
            if(one_array[1] < 10) {
              one_array[1] = one_array[1].substr(-1)
            }
            if(one_array[2] <10) {
              one_array[2] = one_array[2].substr(-1)
            }
            return(one_array[0] + '年' + one_array[1] + '月' + one_array[2] + '日')
          }
        }
      }
    }
  }
</script>

<style lang="scss">
.box {
    text-align: center;
    margin-bottom: 25rpx;
    .changeTime {
      font-size: 28rpx;
      color: #888;
      padding-top: 3rpx;
      padding-bottom: 3rpx;
    }
  }
</style>